
/* microWeb CSS preprocessor v.1.11 (2020071101) */
.more_fun .top_session { position:relative; width:100%; }
.more_fun .top_session.yellow { background-color: #FBF4D7; }
.more_fun .top_session.yellow .main_kv { position:relative; display:block; width:30%; left:0; right:0; margin:auto; z-index:2; padding-top:1em; }
.more_fun .top_session.yellow::after { content:" "; display:block; position:absolute; bottom:0; left:0; background-color:white; width:100%; height:20%; }
.more_fun .top_session.yellow.w-half::after { height:52%; }
.more_fun .top_session.pink { background-color: #FFE1DD; height:6em; padding-top:2em; margin-bottom: 2em; }
.more_fun .top_session.pink .main_kv { position:absolute; display:block; width:25%; left:0; right:0; margin:auto; object-fit:contain; }
.more_fun .top_session .main_kv { position:relative; display:block; width:100%; }
.more_fun .top_session .more_fun_header_left { position:absolute; display:block; width:25%; bottom:-4em; left:15%; z-index: 9; }
.more_fun .top_session .more_fun_header_right { position:absolute; display:block; width:25%; bottom:-4em; right:15%; z-index: 9; }
.more_fun .more_fun_q { cursor: pointer; }
.more_fun .more_fun_q:hover { opacity: .7; }
.more_fun #more_fun_sp { cursor: pointer; padding-bottom: 1em; }
.more_fun #more_fun_sp:hover { opacity: .7; }
.more_fun .pink_text { color: #EE6E7B; }
.more_fun .other_title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; }
.more_fun .more_fun_title { font-size: 26px; line-height: 34px; font-weight: bold; letter-spacing: 1px; }
.more_fun .more_fun_title_2 { font-size: 26px; line-height: 26px; font-weight: bold; letter-spacing: 1px; }
.more_fun .more_fun_content { font-size: 18px; line-height: 26px; color:#585858; letter-spacing: 1px; }
.more_fun .more_fun_content_2 { font-size: 17px; line-height: 25px; font-weight: bold; letter-spacing: 1px; }
.more_fun .red_text { color:#C4003A; }
.more_fun .teal_text { color: #BAD2BA; }
.more_fun .purple_text { color: #81A1CC }
.more_fun .blue_text { color: #1274BE }
.more_fun .brown_text { color: #D2A56E; }
.more_fun .pink_lr_lines { border-left: 1px solid #EE6E7B; border-right: 1px solid #EE6E7B; padding-left: 1em; padding-right: 1em; }
.more_fun .red_question_box { border:2px solid #C4003A; position:relative; border-radius:1em; padding:2em; background-color:#FBF4D7; width:50%; left:0; right:0; margin:auto; }
.more_fun .red_question_box .question_box_title { position:absolute; display:block; top:-3em; right:0; width:80%; }
.more_fun .red_question_box .indicator { position:absolute; top:-0.25em; left:-3em; border-radius:2em; width: 2em; height: 2em; background-color:#C4003A; color: white; text-align:center; line-height:2em; }
.more_fun .red_question_box .indicator span { font-size:0.8em; }
.more_fun .red_question_box .question_title { position:relative; color: #C4003A; font-size: 18px; line-height: 26px; font-weight: bold; }
.more_fun .answer_title { color: #000000; font-size: 18px; line-height: 26px; font-weight: bold; }
.more_fun #go_test { cursor: pointer; }
.more_fun #go_test:hover { opacity: 0.7; }
.more_fun .finish_title,.more_fun .second_message_2 { font-size: 26px; line-height: 30px; font-weight: bold; letter-spacing: 1px; }
.more_fun .second_message { font-size: 38px; line-height: 48px; font-weight: bold; letter-spacing: 1px; }
.more_fun #back_button { font-size: 20px; }
.more_fun .session_content_2 { position:relative; left:0; right:0; width:60%; margin:auto; text-align:center; }
.more_fun .more_confirm { font-size:20px; }
.more_fun .session_content { position:relative; left:0; right:0; width:50%; margin:auto; text-align:center; }
.more_fun .session_content .c4_middle_image,.more_fun .session_content .sp_middle_image { width:50%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .middle_image { width:55%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .small_image { width:100%; }
.more_fun .session_content .middle_image_2 { width:80%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c2_middle_image { width:70%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c2_middle_image_2 { width:100%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c5_middle_image { width:70%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .second_session { background-color: #FBF4D7; position:relative; width:100%; padding-top: 2em; padding-bottom:2em; }
.more_fun .third_session { position:relative; width:100%; padding-top: 2em; padding-bottom: 2em; }
.more_fun .plain_session { position:relative; width:100%; padding-top:1em; padding-bottom:2em; }
.more_fun .more_fun_sp_bkg { position:relative; background-image:url(/images/q-bg.png); background-position: center top; background-size: 65% auto; background-repeat: no-repeat; padding-bottom: 7em; }
.more_fun .more_fun_ans { position:relative; display:block; width:100%; left:0; right:0; margin:auto; }
.more_fun .more_fun_ans { cursor: pointer; }
.more_fun .more_fun_sp_checkbox { position:absolute; display:block; left:0; right:0; margin:auto; width: 20px; height: 20px; bottom: 2em; }
.more_fun .mf_sp_ans { position:relative; left:0; right:0; width:50%; margin:auto; text-align:center; overflow:hidden; }
.more_fun .more_confirm { width:50%; }
.more_fun .mt_ans_first { margin-top: 3em; }
.more_fun .mt_ans { margin-top: 0.5rem; }
.more_fun .more_fun_sp_middle_pink { position:relative; width:100%; background-image:url(/images/more_fun_sp_rect.png); background-position: center top; background-size: 7.5% auto; background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) {

.more_fun .top_session.pink { height:4em; padding-top:1em; margin-bottom: 2em; }
.more_fun .mt_ans_first { margin-top: 1rem; }
.more_fun .mt_ans { margin-top: 0.75rem; }
}


@media only screen and (max-width: 576px) {

.more_fun .top_session.pink { padding-top:0; }
.more_fun .top_session.pink .main_kv { width:80%; margin-top:-1.5em; }
.more_fun .top_session.yellow .main_kv { width:90%; height:auto; }
.more_fun .top_session .main_kv { width:inherit; height: 10em; object-fit:cover; }
.more_fun .top_session .more_fun_header_left { width: 40%; left: -5%; bottom: -2em; }
.more_fun .top_session .more_fun_header_right { width:40%; right:-5%; bottom: -2em; }
.more_fun .red_question_box { width:90%; }
.more_fun .red_question_box .question_box_title { top: -4em; }
.more_fun .session_content_2 { width:100%; padding-left:15px; padding-right:15px; }
.more_fun .session_content_2 .middle_image { width:100%; }
.more_fun .session_content_2 .sp_middle_image { width:auto; height: 12em; }
.more_fun .session_content_2 .c2_middle_image { width:180%; margin-left: -40% ; }
.more_fun .session_content_2 .c4_middle_image { width:160%; margin-left: -30%; }
.more_fun .session_content_2 .c5_middle_image { width: 100%; }
.more_fun .session_content { width:100%; padding-left:15px; padding-right:15px; }
.more_fun .session_content .middle_image { width:100%; }
.more_fun .session_content .sp_middle_image { width:auto; height: 12em; }
.more_fun .session_content .c2_middle_image { width:180%; margin-left: -40% ; }
.more_fun .session_content .c2_middle_image_2 { width:100%; padding-top: 3em; }
.more_fun .session_content .c4_middle_image { width:160%; margin-left: -30%; }
.more_fun .more_fun_sp_middle_pink { background-size: 15% auto; }
.more_fun .mf_sp_ans { width:100%; }
.more_fun .more_fun_sp_bkg { background-size: 110% auto; }
.more_fun .mt_ans_first { margin-top: 3em; }
.more_fun .mt_ans { margin-top: 0; }
.more_fun .more_confirm { width: 75%; }
.more_fun .top_session { position:relative; width:100%; }
.more_fun .top_session.yellow { background-color: #FBF4D7; }
.more_fun .top_session.yellow .main_kv { position:relative; display:block; width:30%; left:0; right:0; margin:auto; z-index:2; padding-top:1em; }
.more_fun .top_session.yellow::after { content:" "; display:block; position:absolute; bottom:0; left:0; background-color:white; width:100%; height:20%; }
.more_fun .top_session.yellow.w-half::after { height:52%; }
.more_fun .top_session.pink { background-color: #FFE1DD; height:6em; padding-top:2em; margin-bottom: 2em; }
.more_fun .top_session.pink .main_kv { position:absolute; display:block; width:25%; left:0; right:0; margin:auto; object-fit:contain; }
.more_fun .top_session .main_kv { position:relative; display:block; width:100%; }
.more_fun .top_session .more_fun_header_left { position:absolute; display:block; width:25%; bottom:-4em; left:15%; z-index: 9; }
.more_fun .top_session .more_fun_header_right { position:absolute; display:block; width:25%; bottom:-4em; right:15%; z-index: 9; }
.more_fun .more_fun_q { cursor: pointer; }
.more_fun .more_fun_q:hover { opacity: .7; }
.more_fun #more_fun_sp { cursor: pointer; padding-bottom: 1em; }
.more_fun #more_fun_sp:hover { opacity: .7; }
.more_fun .pink_text { color: #EE6E7B; }
.more_fun .other_title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; }
.more_fun .more_fun_title { font-size: 26px; line-height: 34px; font-weight: bold; letter-spacing: 1px; }
.more_fun .more_fun_title_2 { font-size: 26px; line-height: 26px; font-weight: bold; letter-spacing: 1px; }
.more_fun .more_fun_content { font-size: 18px; line-height: 26px; color:#585858; letter-spacing: 1px; }
.more_fun .more_fun_content_2 { font-size: 17px; line-height: 25px; font-weight: bold; letter-spacing: 1px; }
.more_fun .red_text { color:#C4003A; }
.more_fun .teal_text { color: #BAD2BA; }
.more_fun .purple_text { color: #81A1CC }
.more_fun .blue_text { color: #1274BE }
.more_fun .brown_text { color: #D2A56E; }
.more_fun .pink_lr_lines { border-left: 1px solid #EE6E7B; border-right: 1px solid #EE6E7B; padding-left: 1em; padding-right: 1em; }
.more_fun .red_question_box { border:2px solid #C4003A; position:relative; border-radius:1em; padding:2em; background-color:#FBF4D7; width:50%; left:0; right:0; margin:auto; }
.more_fun .red_question_box .question_box_title { position:absolute; display:block; top:-3em; right:0; width:80%; }
.more_fun .red_question_box .indicator { position:absolute; top:-0.25em; left:-3em; border-radius:2em; width: 2em; height: 2em; background-color:#C4003A; color: white; text-align:center; line-height:2em; }
.more_fun .red_question_box .indicator span { font-size:0.8em; }
.more_fun .red_question_box .question_title { position:relative; color: #C4003A; font-size: 18px; line-height: 26px; font-weight: bold; }
.more_fun .answer_title { color: #000000; font-size: 18px; line-height: 26px; font-weight: bold; }
.more_fun #go_test { cursor: pointer; }
.more_fun #go_test:hover { opacity: 0.7; }
.more_fun .finish_title,.more_fun .second_message_2 { font-size: 26px; line-height: 30px; font-weight: bold; letter-spacing: 1px; }
.more_fun .second_message { font-size: 38px; line-height: 48px; font-weight: bold; letter-spacing: 1px; }
.more_fun #back_button { font-size: 20px; }
.more_fun .session_content_2 { position:relative; left:0; right:0; width:60%; margin:auto; text-align:center; }
.more_fun .more_confirm { font-size:20px; }
.more_fun .session_content { position:relative; left:0; right:0; width:50%; margin:auto; text-align:center; }
.more_fun .session_content .c4_middle_image,.more_fun .session_content .sp_middle_image { width:50%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .middle_image { width:55%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .small_image { width:100%; }
.more_fun .session_content .middle_image_2 { width:80%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c2_middle_image { width:70%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c2_middle_image_2 { width:100%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .session_content .c5_middle_image { width:70%; position:relative; left:0; right:0; margin:auto; display:block; }
.more_fun .second_session { background-color: #FBF4D7; position:relative; width:100%; padding-top: 2em; padding-bottom:2em; }
.more_fun .third_session { position:relative; width:100%; padding-top: 2em; padding-bottom: 2em; }
.more_fun .plain_session { position:relative; width:100%; padding-top:1em; padding-bottom:2em; }
.more_fun .more_fun_sp_bkg { position:relative; background-image:url(/images/q-bg.png); background-position: center top; background-size: 65% auto; background-repeat: no-repeat; padding-bottom: 7em; }
.more_fun .more_fun_ans { position:relative; display:block; width:100%; left:0; right:0; margin:auto; }
.more_fun .more_fun_ans { cursor: pointer; }
.more_fun .more_fun_sp_checkbox { position:absolute; display:block; left:0; right:0; margin:auto; width: 20px; height: 20px; bottom: 2em; }
.more_fun .mf_sp_ans { position:relative; left:0; right:0; width:50%; margin:auto; text-align:center; overflow:hidden; }
.more_fun .more_confirm { width:50%; }
.more_fun .mt_ans_first { margin-top: 3em; }
.more_fun .mt_ans { margin-top: 0.5rem; }
.more_fun .more_fun_sp_middle_pink { position:relative; width:100%; background-image:url(/images/more_fun_sp_rect.png); background-position: center top; background-size: 7.5% auto; background-repeat: no-repeat; }
@media only screen and (max-width: 1024px) {

.more_fun .top_session.pink { height:4em; padding-top:1em; margin-bottom: 2em; }
.more_fun .mt_ans_first { margin-top: 1rem; }
.more_fun .mt_ans { margin-top: 0.75rem; }
}


@media only screen and (max-width: 576px) {

.more_fun .top_session.pink { padding-top:0; }
.more_fun .top_session.pink .main_kv { width:80%; margin-top:-1.5em; }
.more_fun .top_session.yellow .main_kv { width:90%; height:auto; }
.more_fun .top_session .main_kv { width:inherit; height: 10em; object-fit:cover; }
.more_fun .top_session .more_fun_header_left { width: 40%; left: -5%; bottom: -2em; }
.more_fun .top_session .more_fun_header_right { width:40%; right:-5%; bottom: -2em; }
.more_fun .red_question_box { width:90%; }
.more_fun .red_question_box .question_box_title { top: -4em; }
.more_fun .session_content_2 { width:100%; padding-left:15px; padding-right:15px; }
.more_fun .session_content_2 .middle_image { width:100%; }
.more_fun .session_content_2 .sp_middle_image { width:auto; height: 12em; }
.more_fun .session_content_2 .c2_middle_image { width:180%; margin-left: -40% ; }
.more_fun .session_content_2 .c4_middle_image { width:160%; margin-left: -30%; }
.more_fun .session_content_2 .c5_middle_image { width: 100%; }
.more_fun .session_content { width:100%; padding-left:15px; padding-right:15px; }
.more_fun .session_content .middle_image { width:100%; }
.more_fun .session_content .sp_middle_image { width:auto; height: 12em; }
.more_fun .session_content .c2_middle_image { width:180%; margin-left: -40% ; }
.more_fun .session_content .c2_middle_image_2 { width:100%; padding-top: 3em; }
.more_fun .session_content .c4_middle_image { width:160%; margin-left: -30%; }
.more_fun .more_fun_sp_middle_pink { background-size: 15% auto; }
.more_fun .mf_sp_ans { width:100%; }
.more_fun .more_fun_sp_bkg { background-size: 110% auto; }
.more_fun .mt_ans_first { margin-top: 3em; }
.more_fun .mt_ans { margin-top: 0; }
.more_fun .more_confirm { width: 75%; }